<%-- 
    Document   : registrazioneUtenteSocial
    Created on : 25-ago-2011, 8.55.32
    Author     : ale
--%>

<%@page import="utilities.FormUtilities"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%-- 
    captcha
    per info: http://code.google.com/intl/it-IT/apis/recaptcha/docs/java.html
--%>
<%@ page import="net.tanesha.recaptcha.ReCaptcha" %>
<%@ page import="net.tanesha.recaptcha.ReCaptchaFactory" %>

<%! 
    Boolean bannato;
    Boolean giaregistrato;
    String email;
    String nome;
    String cognome;
    String id;
    String errore;
%>

<%
    email = (String) request.getAttribute("email");
    nome = (String) request.getAttribute("nome");
    cognome = (String) request.getAttribute("cognome");
    id = (String) request.getAttribute("id");
    errore = (String)request.getAttribute("errore");
    bannato = (request.getAttribute("bannato") == null? false : true);
    giaregistrato = (request.getAttribute("giaregistrato") == null? false : true);
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	
    <head> 
	<title>Shipping Share :: Registrati</title>
	<link rel="stylesheet" href="css/common.css" type="text/css"/>
        <link rel="stylesheet" href="css/header.css" type="text/css"/>
        <link rel="stylesheet" href="css/form.css" type="text/css"/>
	<link rel="stylesheet" href="css/annuncio.css" type="text/css"/>
	<link rel="stylesheet" href="css/footer.css" type="text/css"/>
        <link rel="stylesheet" href="css/popup.css" type="text/css"/>
        <script src="js/popup.js"></script>
        <script src="js/liquidCheck.js"></script>
        <script src="js/ajax.js"></script>
        <script src="js/checkForm.js"></script>
        
        <script type="text/javascript">
        var RecaptchaOptions = {
                custom_translations : {
                        instructions_visual : "Scrivi le due parole:",
                        instructions_audio : "Trascrivi ci\u00f2 che senti:",
                        play_again : "Riascolta la traccia audio",
                        cant_hear_this : "Scarica la traccia in formato MP3",
                        visual_challenge : "Modalit\u00e0 visiva",
                        audio_challenge : "Modalit\u00e0 auditiva",
                        refresh_btn : "Chiedi due nuove parole",
                        help_btn : "Aiuto",
                        incorrect_try_again : "Scorretto. Riprova."
                },
                lang : 'it', // Unavailable while writing this code (just for audio challenge)
                theme : 'clean' // Make sure there is no trailing ',' at the end of the RecaptchaOptions dictionary
        };
        
        </script>
        
    </head>
	
    
    <body>
        
        <div id="popupContainer">
            <%
                if (bannato){
                    request.setAttribute("errore", "Non &egrave; possibile registrarsi dopo essere stati bannati.");
            %>
                    <jsp:include page="/WEB-INF/jspf/errore.jsp"/>
            <%
                }
                else if (giaregistrato){
                    request.setAttribute("errore", "Sei gi&agrave; registrato a ShippingShare!<br/><a href='javascript:void(0)' onclick='mostraLoginPopup();'>Clicca qui</a> per eseguire il login.");
            %>
                    <jsp:include page="/WEB-INF/jspf/errore.jsp"/>
            <%   } %>

        </div>
        
        <div id="wholeContainer">
	<div id="whole">
            
            <!-- includo l'header -->
            <jsp:include page="WEB-INF/jspf/header.jsp" />
            
            <div id="bodyContainer">
                <!-- form di registrazioneUtente -->

                    <h1>Registrati a Shipping Share</h1>
                    
                    <% if (errore != null && !errore.equals("")) {%>
                        <div class='feedback'>
                        <h3>Attenzione...</h3>
                        Sono stati trovati i seguenti errori:
                        <ul>
                            <%= errore%>
                        </ul>
                        </div>
                    <% }%>
                    
                    <div id="liquidForm" class="gradient">
                        <h2>La registrazione &egrave; quasi completata...</h2>
                        
                        <div class='liquidTr'>
                            <div class='liquidTrCont'>
                                <span class='labelSpan'><label>Indirizzo e-mail:</label></span>
                                <span class='inputSpan'>
                                    <%= email %>
                                </span>
                            </div>
                        </div>
                        
                        <form action="Controller" method="POST"  onsubmit="return checkRegistrazioneUtenteSocialForm();" >
                            <input name="action" type="hidden" value="registerUser"/>
                            <input name="sito" type="hidden" value="false"/>
                            <input name="mail" type="hidden" value="<%= email %>"/>
                            <input name="id" type="hidden" value="<%= id %>"/>
                            
                            <%
                            out.println(FormUtilities.creaRiga("nome", "Nome", nome, "text", "checkAlfabetico", "Inserisci qui il tuo nome"));
                            out.println(FormUtilities.creaRiga("cognome", "Cognome", cognome, "text", "checkAlfabetico", "Inserisci qui il tuo cognome"));
                            out.println(FormUtilities.creaRiga("indirizzo", "Indirizzo", "", "text", "checkIndirizzo", "Inserisci qui il tuo indirizzo, comprensivo di citt&agrave;, via, numero civico."));
                            out.println(FormUtilities.creaRiga("telefono", "Numero di telefono", "", "text", "checkAlfanumerico", "Inserisci qui il tuo numero di telefono."));
                            out.println(FormUtilities.creaRiga("paypal", "Indirizzo PayPal", "text", "checkMail", "Inserisci qui l'indirizzo del tuo conto PayPal. Ti ricordiamo che devi possedere un indirizzo Premiere per poter ricevere i pagamenti."));
                            %>
                            
                            <div class='liquidTr'>
                                <div class='liquidTrCont'>
                                    <span class='doubleSpan'>
                                        <label>Ricopia le parole che vedi qui sotto:</label><br/><br/>
                                    <!-- CAPTCHA -->
                                    <%
                                        ReCaptcha c = ReCaptchaFactory.newReCaptcha("6LefcscSAAAAAB3U-OspGUnvwBE2IGSSDqWNAT82", "6LefcscSAAAAACNpi1dCi4RQn14Vwh3syoAWTLAS", false);
                                        out.print("<script type=text/javascript>");
                                        //out.print("var RecaptchaOptions = {theme:'clean'};");
                                        out.print("</script>");
                                        out.print(c.createRecaptchaHtml(null, null));
                                    %>
                                    <div class="trError" id="captchaError"></div>
                                    <!-- fine captcha -->
                                    </span>
                                    <span class='hintSpan lightInvertedGradient captchaHintSpan'>
                                        <p id='captchaHint' class='unselected'>Dimostra di non essere un bot ricopiando le parole che vedi, separate da uno spazio.</p>
                                    </span>
                                    <script>
                                        var captcha = document.getElementById("recaptcha_response_field");
                                        captcha.onfocus = function(){
                                            showLiquidHint(document.getElementById('captchaHint'));
                                        }
                                        captcha.onblur = function(){
                                            checkNotEmpty(this.value, document.getElementById("captchaError"));
                                        }
                                    </script>
                                </div>
                            </div>
                                                                                    
                            <input type="submit" value="registrati" class="myButton"/>
                            
                        </form>
                    </div>
                
            </div> 
			
            <!-- includo il footer -->
            <jsp:include page="WEB-INF/html/footer.html" />
			
        </div> <!-- whole -->
        </div>
        
    </body>
	
</html>
